Слетает текст от устройства/браузера

[аркей]

Есть сайт размер текста 18пкс, шрифт калибри, слетают элементы мне нужно уместиться в одну строку.

 IE9

 

 IE7

 

Почему так

Ссылка на сайт http://edop2.besaba.com/trz/Third-site/index.html

Edited July 8, 2015 by аркей

[afdw]

Потому что в IE7 шрифт не работает.

[klierik]

не только IE: http://take.ms/wSopN Firefox, Mac

[аркей]

В разныз местах оно по разному слетает, как фиксить?

[klierik]

увеличь ширину блока или уменьши размер шрифта

[аркей]

Ето окей что 18px

На разных устройствах/браузерах отличаються?

[SelenIT]

В упор не вижу в стилях по ссылке упоминания шрифта calibri. Шрифт по умолчанию в большинстве систем — с засечками, что-то Times-образное. Его мы здесь и наблюдаем в большинстве случаев.

[аркей]

В упор не вижу в стилях по ссылке упоминания шрифта calibri. Шрифт по умолчанию в большинстве систем — с засечками, что-то Times-образное. Его мы здесь и наблюдаем в большинстве случаев.

Убирал калибри тестировал с ним и без, вернул назад,

Edited July 9, 2015 by аркей

[SelenIT]

Укажите шрифты «для подстраховки», напр., как предлагает CSS Font Stack. По умолчанию Calibri идет лишь с относительно новыми Windows/Office, на каких-нибудь XP и тем более на Маках его вполне может не быть (а на Линуксах/Андроидах — и подавно).

[antonKar]

Список безопасных шрифтов

[аркей]

Укажите шрифты «для подстраховки», напр., как предлагает CSS Font Stack. По умолчанию Calibri идет лишь с относительно новыми Windows/Office, на каких-нибудь XP и тем более на Маках его вполне может не быть (а на Линуксах/Андроидах — и подавно).

Так только хуже

[afdw]

А кто мешает подключить Калибри как кастомный шрифт?

[SelenIT]

Технически — вроде как ничего. Юридически — несвободная лицензия, тудыть ее (и, соответственно, шрифтобелка без специальных танцев не будет его конвертировать)...

[afdw]

Разницы между Calibri и Arial почти нет:

Так что если это не требование заказчика - можно использовать Arial.

Edited July 9, 2015 by afdw

[antonKar]

почти нет

Гы, тогда уж между почти всеми шрифтами без засечек почти нет разницы.

 

Понятно, что пользователь не будет "фу, ариал вместо калибри, говносайт, уйду с него побыстрее", но разница есть между шрифтами, и ощутимая.

[afdw]

Ну тогда

font-family: Calibri, Arial;

[аркей]

Разницы между Calibri и Arial почти нет:

Так что если это не требование заказчика - можно использовать Arial.

 

Наверно нету)))

http://cs621830.vk.me/v621830760/322f4/BqDEoGvJ12E.jpg

http://cs621830.vk.me/v621830760/322ea/UoRP2I1_0Sw.jpg

[SelenIT]

У calibri действительно мельче очко шрифта, отчего при одинаковом font-size буквы выглядят более мелкими. И это, действительно, проблема при поиске «безопасной замены» для него. Но по-хорошему, вёрстка в любом случае должна выдерживать увеличение размера шрифта хотя бы на 25%.

[wwt]

Если такая проблема озадачила ТС, что мешает подгружать нужный шрифт если его нет в системе?

[afdw]

Если такая проблема озадачила ТС, что мешает подгружать нужный шрифт если его нет в системе?

http://htmlforum.ru/index.php?showtopic=53365#entry357514Не повторяйтесь, я уже задавал этот вопрос

[wwt]

 

Если такая проблема озадачила ТС, что мешает подгружать нужный шрифт если его нет в системе?

http://htmlforum.ru/index.php?showtopic=53365#entry357514Не повторяйтесь, я уже задавал этот вопрос

 

проглядел каюсь.

[аркей]

 

 

Если такая проблема озадачила ТС, что мешает подгружать нужный шрифт если его нет в системе?

http://htmlforum.ru/index.php?showtopic=53365#entry357514Не повторяйтесь, я уже задавал этот вопрос

 

проглядел каюсь.

 

Подгрузил, сказали как то не так, разбираюсь